import React from 'react'
//引入路由
import { BrowserRouter as Router, Route, NavLink } from 'react-router-dom'
//引入iconfont文件
import '../../asset/css/home/iconfont/iconfont.css'
//引入样式文件
import '../../asset/css/main.css'
import HomePage from '../home/homePage'
import  Shopdetailed from '../../container/merchantInfo/shopDetaile'
import Order from '../../container/merchantInfo/order'
import Mine from "../mine/mine"
import Adress from '../../container/homeContain/adressContain'


//创建组件
class FootBar extends React.Component {
    render() {
        return (
            <div className='main'>
                <Router>
                    {/*组件*/}
                    <div className='contain'>
                        <Route path="/home" component={HomePage} />
                        <Route path="/adress" component={Adress}/>
                        <Route path="/find" component={Shopdetailed} />
                        <Route path="/order" component={Order} />
                        <Route path="/mine" component={Mine} />
                    </div>
                    {/*底部*/}
                    <div className='footer'>
                        <ul>
                      <NavLink to='/home' className='footnav' activeClassName='selected'>
                                <li>
                                    <i className='iconfont icon-shouye'></i>
                                    <span>主页</span>
                                </li>

                            </NavLink>
                            <NavLink to='/find' className='footnav' activeClassName='selected'>
                                <li>
                                    <i className='iconfont icon-faxian'></i>
                                    <span>发现</span>
                                </li>

                            </NavLink>
                            <NavLink to='/order' className='footnav' activeClassName='selected'>
                                <li>
                                    <i className='iconfont icon-dingdan'></i>
                                    <span>订单</span>
                                </li>

                            </NavLink>
                            <NavLink to='/mine' className='footnav' activeClassName='selected'>
                                <li>
                                    <i className='iconfont icon-wode'></i>
                                    <span>我的</span>
                                </li>

                            </NavLink>
                        </ul>
                    </div>
                </Router>
            </div>

        )
    }
}
//暴露出去
export default FootBar

